/*
Offical Style for Unotice
(C) 2009-2010 Comsenz Inc.
*/

/* common */
*{ word-wrap:break-word; outline:none; }
body{ background:#FFF; text-align:center; }
body, td, input, textarea, select, button{ color:#666; font:12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a{ color:#2366A8; text-decoration:none; }
a:hover { text-decoration:underline; }
a img{ border:none; }
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }

.clear{clear:both; overflow:hidden; height:1px;}

/* form */
textarea, .txt{ padding:2px; border:1px solid; border-color:#666 #eee #eee #666; }
input.txt:hover, input.txt:focus, textarea:hover, textarea:focus{ border-color:#09C; background:#F5F9FD; }
.radio{ margin-top:-1px; border:none; vertical-align:middle; }
.checkbox{ height:14px; border:none; vertical-align:middle; }
.btn{ margin:3px 0; padding:2px 5px; *padding:4px 5px 1px; border-color:#ddd #666 #666 #ddd; background:#DDD; color:#000; cursor:pointer; }
.sgbtn{ margin-left:20px; padding:3px 7px; *padding:4px 7px 2px; border:1px solid #B5CFD9; background:#F2F9FD; color:#666; font-size:12px; font-weight:400; }
	.sgbtn:hover{ text-decoration:underline; }
.bigarea{ margin-left:5px; width:230px; height:120px; }

/* main header */
.mainhead{ text-align:left; height:69px; line-height:69px; background:url(../images/bg_repx.gif) repeat-x; }
	.logo{ float:left; text-indent:-9999px; width:321px; height:46px; background:url(../images/bg_repno.gif) no-repeat 29px 20px; }
	.uinfo{ float:right; display:inline; margin-right:40px; margin-top:20px; }
		.uinfo a{ color:#666; }
		.uinfo em{ margin-right:5px; font-weight:700; }
		.uinfo p{ float:left; }
		.othersoff, .otherson{ display:block; margin:19px 0 0 25px; width:151px; height:30px; line-height:30px; text-align:center; background:url(../images/bg_repno.gif) no-repeat 0 -680px; outline:none; }
		.otherson{ background:url(../images/bg_repno.gif) no-repeat 0 -650px; }
			.othersoff:hover, .otherson:hover{ text-decoration:none; }


/* menu */
.togglemenu{ position:absolute; z-index:1000; width:149px; *width:151px; text-align:left; border:1px solid #B5CFD9; border-top:none; background:#FFF; opacity:0.8; filter:Alpha(opacity=80); }
	.togglemenu ul{ list-style:none; margin:0 2px 2px; padding:10px 0; background:url(../images/bg_repx_hd.gif) repeat-x; }
	.togglemenu a{ display:block; padding:5px 15px; color:#666; text-decoration:underline; }
		.togglemenu a:hover{ color:#09C; }


/* box */
.container{ padding:20px; text-align:left; background:url(../images/bg_repx_hb.gif) repeat-x; }
.note{ margin:5px 0; padding:10px; width:580px; border:1px solid #B5CFD9; background:#F5F9FD; }
	.i{ padding-left:22px; line-height:19px; background:url(../images/bg_repno.gif) no-repeat -275px -100px; }
		.i a{ text-decoration:underline; }
		.i a:hover{ text-decoration:none; }
		
.mainbox{ margin:10px 0; }
.opt{ clear:both; overflow:hidden; }
	.opt th{ padding:5px 0; font-weight:700; text-align:left; }
	.opt td{ padding-bottom:10px; }
	.opt .txt, .opt textarea{ vertical-align:middle; margin-right:10px; width:180px; }
	.opt select{ vertical-align:middle; margin-right:10px; }
	.opt .area{ height:80px; }
	.opt .bigarea { width: 500px; height: 80px; }
	.opt label{ margin-right:20px; }
	.opt p{ float:left; line-height:180%; }
	.correct td{ color:#090; }
	.correct .txt{ padding-right:20px; width:160px; background:url(../images/bg_repno.gif) no-repeat 165px -198px; }
	.error td{ color:#F60; }
	.error .txt{ padding-right:20px; width:160px; background:url(../images/bg_repno.gif) no-repeat 167px -346px; }
.datalist{ clear:both; width:100%; border-top:2px solid #B5CFD9; border-bottom:2px solid #B5CFD9; }
	.datalist th{ line-height:250%; text-align:left; background:url(../images/bg_repx.gif) repeat-x 0 bottom; color:#9EBECB; font-size:12px; }
	.datalist td{ padding:5px 0; background:url(../images/bg_repx.gif) repeat-x 0 bottom; }
	.currenttr td{ background:#F2F9FD url(bg_repx.gif) repeat-x 0 bottom; }
	.datalist a{ text-decoration:underline; }
		.datalist a:hover{ text-decoration:none; }
	.datalist .txt{ width:90%; overflow:hidden; }
	.datalist .txtnobd{ width:90%; border:1px solid #FFF; text-align:right; overflow:hidden; cursor:pointer;}
	.datalist .bigarea { width: 500px; height: 80px; }
	.tdinput{ padding:0 30px 5px 0; width:160px; }
	.tdarrow{ width:20px; }
	.option{ width:10%; }
	.username{ width:20%; font-weight:700; }
	.date{ width:25%; }
	.ip{ width:15%; }
.fixwidth{ width:600px; }
	.fixwidthdec{ width:580px; }
#loginform{ overflow:hidden; margin:90px auto; *padding-top:90px; width:590px; }
.login{ float:left; margin-top:5px; text-align:right; font:bold 14px ""; }
	.login p{ margin:10px 5px; }
	.loginbtn{ padding-left:53px; text-align:left; }
	.login .txt{ width:160px; }
	.checkcode{ margin-top:-3px; *margin-top:-6px; width:70px; height:21px; cursor:pointer; vertical-align:middle; }
.loginbox{ padding-right:40px; width:290px; height:120px; line-height:150%; background:url(../images/bg_login.gif) no-repeat right 50%; }
.ajax{ width:360px; border:1px solid #89B3C2; }
	.ajaxbg{ margin:2px; padding:15px; background:url(bg_repx_hc.gif) repeat-x; }
	.alert{ padding-left:40px; background:url(bg_repno.gif) no-repeat 0 -500px; }
		.alert h4{ margin-bottom:3px; font-size:14px; }
		.alert p{ margin-bottom:12px; color:#09C; }
		.alert .btn{ vertical-align:middle; }
		.alert a.abtn{ margin-left:20px; text-decoration:underline; }
			.alert a.abtn:hover{ text-decoration:none; }
.errormsg{ margin:10px 0; padding:10px; width:580px; border:1px solid #DD3D11; background:#FFEBEB; }
	.errormsg p{ padding-left:15px; background:url(bg_repno.gif) no-repeat -300px -648px; }
	.errormsg em{ color:#DD3D11; font-weight:700; }
.correctmsg{ margin:10px 0; padding:10px; width:580px; border:1px solid #4EBB20; background:#FCFFF0; }
	.correctmsg p{ padding-left:17px; background:url(bg_repno.gif) no-repeat -335px -598px; }
	.correctmsg em{ color:#4EBB20; font-weight:700; }
.loginmsg{ position:absolute; margin:-45px 0 0 5px; *margin:-45px 0 0 -73px; width:197px; line-height:150%; text-align:left; font-size:12px; font-weight:400; }
	.loginmsg p{ margin:0; }
.rtninfo{ margin:50px auto; width:500px; line-height:180%; }
	.rtninfo h4{ margin-bottom:10px; padding-left:25px; background:url(../images/bg_repno.gif) no-repeat -275px -98px; font-size:14px; }
	.rtninfo p{ margin-left:25px; }
.footer{ display:block; line-height:25px; }

/* tabmenu */
.hastabmenu{ margin-bottom:15px; }
	.tabmenu{ list-style:none; }
		.tabmenu li{ float:left; margin-right:5px; }
		.tabmenu li a, .tabmenu .tabcurrent a{ display:block; padding:3px 7px; border:1px solid #CCC; border-bottom: none }
		.tabmenu li a:hover{ text-decoration:none; }
		.tabmenu .tabcurrent a{ border:1px solid #B5CFD9; border-bottom:1px solid #F2F9FD; background:#F2F9FD; }
	.tabcontent, .tabcontentcur{ margin-top: -2px;  padding:10px; width:680px; border:1px solid #CCC; clear:both }
	.tabcontentcur{ border:1px solid #B5CFD9; background:#F2F9FD; }
	.tabcontent .txt, .tabcontentcur .txt{ margin-right:10px; width:110px; }
	.tabcontent .btn, .tabcontentcur .btn{ margin-left:5px; }

/* table */
.dbtb{ clear:both; width:100%; }
	.tbtitle{ padding:5px 0; width:70px; }
	.dbtb .btn{ margin-left:0; }

/* pages */
.tdpage{ text-align:left; }
.pagination{ clear:both; margin:10px 0; }
	.pagination em, .pagination a, .pagination strong{ text-decoration:none; margin-left:5px; padding:2px 5px; border:1px solid #E5E5E5; }
		.pagination a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
	.pagination strong{ border:none; font-weight:700; }

/* title */
h3{ font-size:14px; }
	h3 .btn{ margin-left:10px; vertical-align:middle; }

/* list */
.dblist{ list-style:none; margin-top:5px; }
	.dblist li{ float:left; margin:0 0 0 -3px; *margin:0 0 5px -3px; width:25%; height:auto; *height:16px; }
.memlist{ list-style:none; margin:7px 0 25px; padding-top:2px; border-top:2px solid #B5CFD9; }
	.memlist li{ clear:both; overflow:hidden; zoom:1; padding:5px 0; *padding:1px 0 5px; line-height:150%; background:url(../images/bg_repx.gif) repeat-x 0 bottom; }
		.memlist em{ float:left; width:120px; }
			.memlist .memcont{ width:480px; }
.tiplist{ float:right; list-style:none; width:320px; }
	.tiplist li{ line-height:160%; }
.optlist{ clear:both; list-style:none; margin:5px 0; width:100%; }
	.optlist li{ line-height:180%; }

/* calendar */
.table1 th{ padding:5px; }
.table1 td{ padding:2px 5px; }
.calendarmenu{ position:absolute; padding:9px 0 0 9px; *padding:9px; border:1px solid #B5CFD9; background:#FFF; opacity:0.8; filter:Alpha(opacity=80); }

/* widget */
.statimg{ vertical-align:middle; margin:0 5px 2px 0 !important; *margin:0 5px 0 0 !important; *margin:0 5px 2px 0; }
.line{ clear:both; position:relative; margin:10px 0; border-top:1px solid #CCC; }
	.line p{ position:absolute; top:14px; right:50px; font-weight:700; }
.margintop{ margin-top:10px; }
.marginbot{ margin-bottom:10px; }
.nomargin{ margin:0; }
.nobg{ background:none; }
	.nobg td{ background:none; }
.center{ text-align:center; }
.bold{ font-weight:700; }
.red{ color:red; font-weight:bold }
.green{ color:green; }








/*列表表格*/
.listtable { width: 100%; border-collapse: collapse; border: solid; border-color: #86B9D6 #D8DDE5 #D8DDE5; border-width: 3px 1px 1px; }
	.listtable th { background: #F3F7FF; color: #6774A8; border-bottom: 1px solid #86B9D6; padding: 6px; }
	.listtable td { border: 1px solid #D8DDE5; padding: 6px; font-family: Georgia, "Times New Roman", Times, serif; }

	.darkrow2 { color: #808080; text-decoration: line-through; }

	.darkrow td { background: #FAFCFF; }

	.rowblocked td { background: #F1F1F1; color: #666; }
		.rowblocked a { color: #666; }

.listtable p.cate { margin: 0; }
.listtable p.cate, .listtable p.cate a { color: #003195; }
.listtable .dateline { float: right; }
.listtable .relativetags { margin: 0.1em; }

.explain td { width: 125px; height: 27px; background: url(../images/action.gif) no-repeat center; text-align: center; }

h2 { margin: 20px 0 0; line-height: 35px; font-size: 14px; color: #6774A8; background: url(../images/action_icon_default.gif) no-repeat -4px 10px; padding-left: 15px; }

/*表单元素*/
form { padding: 0; margin: 0; }
	input, textarea { padding: 3px 2px; background: #FDFFF5; }
	/*按钮样式*/
	.buttons { clear: both; padding: 10px; text-align: center; }
		.buttons input { padding: 5px 5px 2px; color: #6774A8; background: #F9F9F9; border: solid #CBCBCB; border-width: 1px 1px 4px; cursor: pointer; width: 0; overflow: visible; }
			.buttons>input { width: auto; }
			.buttons input.submit { padding: 5px 5px 2px; background: #C3D9FF; border-color: #86B9D6; font-weight: bold; }
button.warningbtn { margin-left:5px;background: #EFEAD3; color: #808080; border: 1px solid; border-color: #FFF #A1A1A1 #A1A1A1 #FFF; height: 32px;}

/*普通表格样式*/
.maintable { width: 100%; font-size:12px; border-collapse: collapse; border: solid; border-color: #86B9D6 #D8DDE5 #D8DDE5; border-width: 3px 1px 1px; }
	.maintable th, .maintable td { border: 1px solid #D8DDE5; padding: 5px; }
		.maintable th { background: #F3F7FF; width: 210px; text-align: left; color: #0D58A5; font-weight: normal; }
	
	/*为嵌套的表格移除边框*/
	.maintable td th, .maintable td td { border: none; }
	.maintable th p { margin: 0; color: #909DC6; }


.notice { background:#fffdd9 url(icon2.gif) no-repeat 10px 10px; border:1px solid #F2E47F; padding:10px 40px; margin:5px 0px; }
.notice p{ font-size:10pt; font-weight:600;}
.notice ul li{ float:none; list-style-type:square; margin:5px 10px; width:500px; }
.notice ul { margin:5px ; }
.notice a{ line-height:10px; }


ul.submenu { margin-bottom:0px; padding:0px; width:98%}
ul.submenu li { padding:4px; margin:0px 2px; float:left; list-style-type:none; width:100px; border:1px solid #B5CFD9; border-bottom:none; text-align:center }
ul.submenu li.current { border:solid 1px #86B9D6; border-bottom:none; background-color:#B5CFD9; color:#FFFFFF; font-weight:bold; }
ul.submenu li a:link, ul.submenu li a:visted, { display:block; width:100%; }
.subbottom { border-top:solid 3px #86B9D6; clear:both; margin-bottom:10px; margin-top:0px; padding:0px; }

div.submenu { margin-bottom:0px; padding:0px; width:98%}
div.submenu a:link, div.submenu a:visited, div.submenu a:hover, div.submenu a:active { padding:4px; margin:0px; margin-left:4px; float:left; list-style-type:none; width:100px; border:1px solid #B5CFD9; border-bottom:none; text-align:center; text-decoration:none; color:#000000 }
div.submenu a.current, div.submenu a.current:visited, div.submenu a.current:hover { border:solid 1px #86B9D6; border-bottom:none; background-color:#B5CFD9; color:#FFFFFF; font-weight:bold; cursor:default; }
div.submenu a:hover {  border:solid 1px #86B9D6; border-bottom:none; background-color:#E1EEF4; }


.tab2 { background:#fff;padding:3px 3px 3px 10px;margin-top:1px; border-top:solid 1px #fff;border-bottom:solid 3px #86B9D6; }
.tab2 a {color:#038;padding:3px 10px;font:normal 14px Arial;
	border:solid 1px #86B9D6;border-bottom:none;text-decoration:none; background-color:#E1EEF4; margin-right:3px; }
.tab2 a:hover{color:#038;text-decoration:none; background-color:#fff; }
a.current{ font:bold 14px Arial;background:#fff;color:#000;padding:3px 10px 3px 10px;
	border-left:solid 1px #86B9D6;border-right:solid 2px #86B9D6;border-top:solid 1px #86B9D6;
	border-bottom:solid 3px #fff;cursor:default;text-decoration:none}
a.current:link, a.current:visited,. a.current:hover, a.current:active{color:#000}


pre { border:1px dotted #999; padding:4px; margin:5px; background-color:#FFFFDD }


.dropdown_menu { background: url(../images/del_sprite_arrows.gif) no-repeat scroll right -238px; padding:0 16px 0 2px; }
.export { background:#FFFFFF url(../images/excel-16x16.png) no-repeat left ; padding-left:20px; }
.stat { background:#FFFFFF url(../images/analytics20x20.gif) no-repeat left ; padding-left:22px; }


#floatMenu{ width:60px; border:1px solid #aaa; border-bottom:2px solid #aaa; border-right:2px solid #aaa; position:absolute; text-align:left; line-height:150%; background-color:#fff; display:none; padding:3px; padding-left:4px; }

#tipbox{ position:absolute; visibility:hidden; border:1px solid #86B9D6; padding:3px; text-align:left; background-color:#FFFFDD; }
